<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>图片查看大图</title>
<script type="text/javascript" src="../../ver1/kq.1.08.js"></script>
<script type="text/javascript" src="kq.image.js"></script>
</head>

<body>
<div id="div"></div>
<div class="div">
	<div class="div2">1</div>
    <div class="div2">2</div>
    <div class="div2">3</div>
</div>
<div id="divbox">11111</div>
<form id="formBox" onsubmit="return false">
	<input id="inputBox" />
</form>
<img onclick="showImg()" width="200" src="http://sunac.kuoqi.com/upload/jpeg/220825/4e9eb7636c7ac7220f41e6be7caaa7a8.jpeg" />
</body>
<script>
var img = null;
	function showImg(){
		img = new $Q.plugIn.image({
			data:[
				'http://sunac.kuoqi.com/upload/jpeg/220825/4e9eb7636c7ac7220f41e6be7caaa7a8.jpeg'
			],	
		});
		img.show();
		console.log(img);	
	}
	//$Q('#div1').ready(function(){ console.log("122222222");	});
$Q(document).ready(function(){
	/*console.log('========常用选择器=========');
	console.log('.div 元素个数为 '+ $Q('.div').length);
	console.log('div 元素个数为 '+ $Q('div').length);
	console.log('#div 元素个数为 '+ $Q('#div').length)
	console.log('div.div2 元素个数为 '+ $Q('div.div2').length);
	$Q(window.document.getElementById("div"));
	console.log('元素#div的选择器测试通过');
	$Q(window.document.getElementsByClassName("div2"))
	console.log('元素.div2的选择器 测试通过');
	$Q('#divbox');
	$Q('<div>测试一下</div>');
	console.log('选择器字符串 测试通过');
	console.log('伪类选择器[div:first]选择元素为：'+$Q('div:first').length);
	console.log('伪类选择器[div:last]选择元素为：'+$Q('div:last').length);
	console.log('伪类选择器[div:eq(3)]选择元素为：'+$Q('div:eq(3)').length);
	console.log('伪类选择器[div:neq(3)]选择元素为：'+$Q('div:neq(3)').length);
	console.log('伪类选择器[div:firstChild]选择元素为：'+$Q('div:firstChild').length);
	console.log('伪类选择器[div:lastChild]选择元素为：'+$Q('div:lastChild').length);*/
	console.log('========常用方法=========');
	console.log('$Q("div.div").children("div:eq(2)").length：'+$Q("div.div").children("div:eq(2)").length);
	console.log('$Q("div.div").parent().length: '+$Q("div.div").parent().length);
	console.log('$Q("div.div").find(".div2").length：'+$Q('div.div').find('.div2').length);
	console.log('$Q("div.div2").first().length：'+$Q("div.div2").first().length);
	console.log('$Q("div.div2").last().length：'+$Q("div.div2").last().length);
	console.log('$Q("div.div2").firstChild().length：'+$Q("div.div2").firstChild().length);
	console.log('$Q("div.div2").lastChild().length：'+$Q("div.div2").lastChild().length);
	console.log('$Q("#divbox").width()：'+$Q("#divbox").width());
	console.log('$Q("#divbox").height()：'+$Q("#divbox").height());
	console.log('$Q("#divbox").text()：'+$Q("#divbox").text());
	console.log('$Q("#input").val()：'+$Q("#input").val());
	console.log('$Q("#formBtn").submit()：'+$Q("#formBtn").submit());
	//$Q('#divbox').html();
	//console.log('document加载完成');	
});
</script>
</html>
